@import "../../excalidraw/css/variables.scss";

.Avatar {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  border-radius: 100%;
  outline-offset: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: $oc-white;
  cursor: pointer;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1;

  & > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }

  &.AvatarBorder::before {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid var(--avatar-border-color);
    border-radius: 100%;
  }
}
